@import url(../css/index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "utf-8";
html { _background-attachment: fixed;}
html{overflow-y:scroll;}
body{font-size:16px;background-color:#ffffff;}
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,input,button,sub,sup,textarea,pre,blockquote { margin: 0; padding: 0;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
iframe{border:0 none;}
td, th, div {word-break: break-all;word-wrap: break-word;}
img{vertical-align:top;}
ul,li,ol{list-style:none outside none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
strong{font-weight:800;}
caption, th {text-align: left;}
a{color: #ff8564;text-decoration: none;font-size: 15px;}
a:hover {text-decoration: underline; cursor:pointer;color: #219673;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
body{background: #f2f2f2;}
.fixed_bg {width: 100%;height: 283px;/* position: fixed; */margin: auto;visibility: visible;z-index: -100;background: url(../images/index_bg.jpg) no-repeat top center;background: url(../images/banner.png) no-repeat center;}

/* 头部 */
.main{width: 100%;margin: 0 auto;}
.header{float: left;height: 29px;background: #f7f7f7;width: 100%;overflow: hidden;display: none;}
.header p{float: left;line-height: 29px;height: 29px;color: #666;font-size: 12px;}

.rougao {float: right;}
.rougao a {height: 29px;line-height: 29px;float: left;color: #666666;font-size: 12px;border-radius: 20px;margin-left: 22px;}
.rougao a i{height: 25px;width: 28px;float: left;background: url(../images/ico.png)  -38px -172px no-repeat;margin-left: 5px;}
.rougao a:hover{color: #0797ca;}
.rougao .denglu{color: #1f9a74!important;}


.subnav {width: 100%;margin: auto;line-height: 36px;padding: 3% 0;}
.nav_wrap { height: 40px; line-height: 40px; }
.subnav li{display: inline-block;position: relative;transition: 0.1s all linear;cursor: pointer;text-align: center;width: 24%;text-align: center;}
.subnav li a {font-size: 16px;color: #fff;display: block;text-align: center;width: 100%;}
.subnav li span {font-size: 12px;color: #fff;text-align: center;margin-right: 18px;float: left;width: 100%;display: flex;justify-content: flex-start;}
.nav_item{float:right;transition: 0.3s ease;-ms-transition: 0.3s ease;-moz-transition: 0.3s ease;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;}
.nav_item em {background: url(../images/ico_2021.png) no-repeat -80px -129px;width: 18px;height: 18px;margin-top: 21px;margin-right: 3px;}
.nav_item .ewm_ico2{background: url(../images/ico_2021.png) no-repeat -97px -129px;}
.nav_item .ewm_ico1{background: url(../images/ico_2021.png) no-repeat -119px -129px;width: 10px;}

.sub {background: #ffff;box-shadow: 0 20px 30px rgba(0,0,0,.1);position: absolute;z-index: 9;left: -27px;border-radius: 8px;overflow: hidden;top: 45px;height: 0;display: block;}
.sub img{width: 100px;float: left;height: 100px;padding: 6px 10px;}
.sub font{float: left;font-size: 12px;text-align: center;line-height: 29px;background: #f1faff;width: 100%;}
.subnav li:hover .sub{display:block;height:141px;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.subnav li::before {content:"";position:absolute;bottom:0px;left: 0;width:0;height:3px;background: #fff;transition:0.1s all linear;}
.subnav li:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; }
.subnav li:hover ~ a::before {left:0;}


.index_mid {height: 265px;background: #0062cc;float: left;width: 100%;}

.logo {display: inline-block;width: 177px;height: 54px;background: url(../images/logo.png)  no-repeat;background-size: 100%;}
.index_mid_bt{width: 100%;margin: auto;margin-top: 3px;text-align: center;}
.search_box{display: inline-block;width: 94%;margin: 3%;}
.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;width: 100%;}
.search em{float: left;width: 26px;height: 25px;background: url(../images/ico_2021.png) -30px 0px no-repeat;margin-left: 16px;margin-top: 11px;}
.search_text {width: 56%;padding: 0 10px 0 15px;line-height: 48px;height: 48px;border: 0;color: #cacaca;font-size: 15px;outline: none;}
.search_btn {width: 23%;line-height: 48px;cursor: pointer;background: #dfb863;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;}
.search_hot {font-size: 12px;line-height: 30px;height: 30px;float: left;width: 100%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;}
.search_hot a {background: #1c936f;padding: 0 14px;border-radius: 17px;opacity: 0.8;color: #fff;margin-left: 5px;height: 23px;line-height: 23px;font-size: 12px;}
.search_hot a:hover { opacity: 1;}

.index_top{position: relative;width: 100%;float: left;}
.dmw_top_art{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 3%;width: 94%;margin-bottom: 10px;}
.dmw_top_art ul{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.dmw_top_art ul li{width: 100%;float: left;height: 138px;overflow: hidden;}
.dmw_top_art_tl{float: left;line-height: 25px;margin-bottom: 10px;}
.dmw_top_art_tl a{float: left;font-size: 15px;font-weight: 700;color: #000;}
.dmw_top_art span{width: 23px;background: url(../images/ico_2021.png) no-repeat -130px -142px;height: 23px;float: left;margin-right: 7px;}
.dmw_top_art_bot{width: 100%;float: left;height: 91px;overflow: hidden;}
.dmw_top_art_bot a{width: 25%;float: left;color: #666;font-size: 15px;text-align: center;line-height: 30px;}
.dmw_top_art ul li:nth-child(2) span{background: url(../images/ico_2021.png) no-repeat -153px -143px;}
.dmw_top_art ul li:nth-child(3) span{background: url(../images/ico_2021.png) no-repeat -175px -144px;}
.dmw_top_art ul li:nth-child(4) span{background: url(../images/ico_2021.png) no-repeat -197px -144px;}
.dmw_top_art_bot a:hover{ transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.dmw_top_art ul li:nth-child(4){border-right:0;}
.dmw_top_art ul li:nth-child(1){border-left: 0;}

/*首页导航*/
.nav {/* background: url(../images/pic_bg1.png) no-repeat 0 bottom; */float: left;height: 134px;width: 1200px;margin-top: 10px;/* overflow: hidden; */margin-bottom: 25px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.nav a {height: 134px;width: 227px;font-size: 21px;line-height: 40px;display: inline-block;float: left;overflow: hidden;/* margin-right: 10px; *//* box-shadow: 2px 2px 2px #D2D2D2; */border-radius: 10px;text-align: center;}
.nav a img{display: inline-block;margin-top: 15px;}
.nav a b {float: right;width: 37%;text-align: center;height: 138px;line-height: 138px;color: #fff;margin-right: 5%;}
.nav .dt1{color: #fffe06;background: #ff6c6c;/* background-image: linear-gradient(135deg, rgb(247, 97, 161) 10%, rgb(140, 27, 171) 100%); */}
.nav .dt2{color: #fffe06;background: #94a1eb;/* background-image: linear-gradient(135deg, #8e9ef0 10%, rgb(66, 91, 230) 100%); */}
.nav .dt3{color: #fffe06;background: #45c2be;/* background-image: linear-gradient(135deg, rgb(171, 220, 255) 10%, rgb(3, 150, 255) 100%); */}
.nav .dt4{color: #fffe06;background: #e2a464;/* background-image: linear-gradient(135deg, rgb(254, 193, 99) 10%, rgb(222, 67, 19) 100%); */}
.nav .dt5{color: #fffe06;background: #42b0e2;/* background-image: linear-gradient(135deg, rgb(245, 203, 255) 10%, rgb(195, 70, 194) 100%); */}
.nav .dt6{color: #fffe06;background: #67b3d6;/* background-image: linear-gradient(to right, rgb(69, 104, 220), rgb(176, 106, 179)); */}
.nav .dt7{color: #fffe06;background:#f11a64;background-image: linear-gradient(to right, rgb(88, 172, 233), rgb(36, 122, 183));}

.nav a i{width: 115px;height: 115px;float: left;margin-left: 9px;border-radius: 60px;}
.nav .dt1 i{background: url("../images/icodh.png") no-repeat -1px 9px;margin-top: 10px;background-color: #f56262;}
.nav .dt2 i{background: url("../images/icodh.png") no-repeat 1px -97px;margin-top: 10px;background-color: #8998ea;}
.nav .dt3 i{background: url("../images/icodh.png") no-repeat 0px -197px;background-color: #40b5b1;margin-top: 10px;}
.nav .dt4 i{background: url("../images/icodh.png") no-repeat -1px -301px;margin-top: 10px;background-color: #db9650;}
.nav .dt5 i{background: url("../images/icodh.png") no-repeat 12px -399px;}
.nav .dt6 i{background: url("../images/icodh.png") no-repeat -1px -495px;margin-top: 10px;background-color: #53acd5;}
.nav .dt7 i{background: url("../images/icodh.png") no-repeat 15px -595px;}


/*顶部内容*/
.content_top{float: left;width: 100%;}
/*左边内容*/
.top_left{float: left;padding: 3%;width: 94%;background: #fff;border-radius: 10px;padding-bottom: 10px;}
.top_left .fl_daohang{padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 95%;border-radius: 8px;}
.top_left .fl_daohang b:before{content:"";float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}

.top_left ul{float: left;border-left: 0;}
.top_left li{float: left;width: 33%;line-height: 35px;text-align: center;padding-bottom: 3px;padding-top: 29px;}
.top_left li a{float: left;color: #333;font-weight: 700;overflow: hidden;width: 100%;margin-top: 13px;}
.top_left li img{width: 40px;height: 40px;border-radius: 10px;display: inline-block;}
.top_left .l_banenr{width: 100%;height: 221px;margin-bottom: 23px;float: left;position: relative;border-radius: 10px;overflow: hidden;}
.top_left img{width: 100%;height: 221px;}
.top_left .l_banenr span{position: absolute;left: 0;background: rgba(0, 0, 0, 0.52);width: 100%;text-align: center;color: #fff;bottom: 0;height: 39px;line-height: 39px;}

/*中间部分*/
/*特别推荐*/
.top_mid{overflow: hidden;float: left;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;}
.top_mid .m_top {width: 100%;float: left;}
.top_mid .zhongdian {float: left;font-size: 16px;color: #f54343;height: 35px;line-height: 35px;font-weight: 700;text-align: center;width: 100%;overflow: hidden;}
.top_mid .zhongdian a {margin-left: 5px;color: #333;font-weight: 700;font-size: 16px;width: 300px;overflow: hidden;height: 34px;line-height: 34px;}
.top_mid .TT_title {float: left;padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 10px;}
.top_mid .title_top {float: left;cursor: pointer;margin-bottom: 4px;width: 100%;overflow: hidden;height: 28px;text-align: center;line-height: 28px;}
.top_mid .title_top a {font-size: 15px;margin-right: 10px;font-weight: 700;color: #333;}
.top_mid .title_ul li {float: left;width: 50%;height: 34px;overflow: hidden;line-height: 34px;text-align: center;}
.top_mid .title_ul a {color: #333;font-size: 15px;}

/*学习方法*/
.top_mid .m_bot{float: left;margin-top: 15px;width: 100%;}
.top_mid .m_bot ul{float: left;width: 100%;}
.top_mid .m_bot .m_title{font-size: 16px;margin-bottom: 8px;font-weight: 700;color: #333;background: url(../images/index_bg.gif) no-repeat right center;}
.top_mid .m_bot .m_title code{font-weight: 700;color: #333;float: left;background: url(../images/zan.png) no-repeat;width: 23px;height: 26px;margin-right: 5px;margin-top: -3px;}
.top_mid .m_bot .m_title a{float: right;font-weight: 400;font-size: 14px;}
.top_mid .m_bot ul li{float: left;height: 40px;line-height: 40px;width: 100%;}
.top_mid .m_bot ul li a{float: left;color: #333;font-size: 15px;}
.top_mid .m_bot ul li code{float: right;color: #989898;font-size: 12px;font-family: initial;}
.top_mid .m_bot ul li i{float: left;height: 4px;width: 4px;background: #67ade0;margin-top: 20px;margin-right: 5px;border-radius: 10px;display: none;}
.top_mid .m_bot li:before {content: "w";line-height: 15px;color: #0062cc;width: 14px;height: 14px;text-align: center;float: left;margin-top: 11px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #0062cc;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;}

/*右边内容*/
/*今日推荐*/
.top_right {float: right;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;}
.top_right_news {float: left;width: 100%;}
.top_right_news_title {padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.top_right_news_title:after{content: "";background: url(../images/ico_list1.png) no-repeat;float: left;width: 20px;height: 20px;margin-top: 10px;margin-right: 2px;}

.top_right_news_list {float: left;width: 100%;}
.top_right_news_list li{float: left;width: 100%;line-height: 38px;height: 38px;overflow: hidden;}
.top_right_news_list li a{float: left;color: #333;overflow: hidden;height: 38px;width: 200px;}
.top_right_news_list li span{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #FFFFFF;margin-top: 11px;background: #c9c9c9;margin-right: 5px;font-size: 12px;}
.top_right_news_list li:nth-child(1) span{background: #e33e42;color:#fff;}
.top_right_news_list li:nth-child(2) span{background: #ff8564;color:#fff;}
.top_right_news_list li:nth-child(3) span{background: #e8b856;color:#fff;}


/*特别推荐*/
.top_right_hot {float: right;width: 100%;margin-top: 13px;}
.top_right_hot_title {margin-bottom: 3px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.top_right_hot_title span{color: #434647;height: 16px;}
.top_right_hot_title:after{content: "";float: left;height: 18px;background: #67ade0;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.top_right_hot_list {float: left;width: 100%;}
.top_right_hot_list li {line-height: 40px;float: left;width: 100%;height: 40px;overflow: hidden;}
.top_right_hot_list a {float: left;color: #333;width: 90%;}
.top_right_hot_list code {float: left;height: 4px;width: 4px;background: #b3b2b2;color: #ffffff;margin-top: 19px;margin-right: 5px;border-radius: 50%;display: none;}
.top_right_hot_list li:before {content: "w";line-height: 15px;color: #0062cc;width: 14px;height: 14px;text-align: center;float: left;margin-top: 11px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #0062cc;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;}


/*index_list*/
.index_list{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 3%;margin-top: 10px;width: 94%;}
/*头部*/
.list_l{float: left;width: 100%;margin-bottom: 10px;height: 48px;border-bottom: 2px solid #eeeeee;overflow: hidden;}
.list_l h2{float: left;width: 123px;height: 48px;line-height: 48px;color: #fff;font-size: 20px;text-align: center;font-weight: 600;}
.list_l .l_title{float: left;color: #333;}
.list_l .l_title:before{content:"";font-weight: 700;color: #333;float: left;background: url(../images/fenlei.png) no-repeat;width: 25px;height: 33px;margin-right: 5px;margin-top: 12px;}

.list_l .l_title em{float:left;width: 300px;}
.list_l ul{float: right;width: 86%;}
.list_l ul li{float: left;font-size: 14px;line-height: 46px;height: 46px;background: #ffffff;color: #444;border-radius: 4px;margin-left: 9px;width: 78px;text-align: center;margin-bottom: 8px;text-align: right;}
.list_l ul li a{width: 100%;color: #333;}

/*中间内容*/
.list_m{float: left;width: 100%;margin-top: 10px;}
/*图片*/
.new_image{float: left;width: 100%;}
.new_image .hot-image{float: left;width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.new_image .hot-image a{float: left;width: 47%;}
.new_image .hot-image a img{border-radius: 10px;width: 100%;}
.new_image .hot-image a span{height: 38px;width: 100%;display: inline-block;color: #545454;text-align: center;line-height: 38px;font-size: 16px;overflow: hidden;}
.new_image .hot-list{float: left;width: 100%;margin-bottom: 20px;}
.new_image .hot-list li{height: 36px;line-height: 36px;overflow: hidden;width: 100%;}
.new_image .hot-list li i{float: left;height: 4px;width: 4px;background: #ff8564;margin-top: 18px;margin-right: 5px;border-radius: 10px;display: none;}
.new_image .hot-list li a{color: #333;}
.new_image .hot-list li:before {content: "w";line-height: 15px;color: #0062cc;width: 14px;height: 14px;text-align: center;float: left;margin-top: 9px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #0062cc;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;}

/*内容*/
.hot_top{float: left;width: 100%;margin-bottom: 19px;}
.hot_top:nth-child(even){float: right;}
.hot_top .new_title{margin-bottom: 8px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 96%;border-radius: 8px;}
.hot_top .new_title i{float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.hot_top .new_title span{float: left;}
.hot_top ul{float: left;}
.hot_top ul li{float: left;line-height: 40px;width: 100%;height: 40px;}
.hot_top ul li a{float: left;margin-right: 5px;color: #333;width: 70%;
    overflow: hidden;
    height: 40px;
    line-height: 40px;}
.hot_top ul li span{font-size: 12px;text-align: right;color: #868686;}
.hot_top li:before {content: "w";line-height: 15px;color: #0062cc;width: 14px;height: 14px;text-align: center;float: left;margin-top: 9px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #0062cc;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;}


/*右边内容*/
.list_r{float: right;width: 100%;}
.list_r_title{margin-bottom: 8px;padding: 0 3%;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 94%;border-radius: 8px;}
.list_r_title a{float: right;font-size: 12px;color: #ff8564;padding: 0 5px;height: 20px;line-height: 20px;margin-top: 10px;border-radius: 18px;}
.list_r_title span{float: left;height: 37px;}
.list_r_title span:after{content:"";background: url(../images/ico_list1.png) no-repeat;float: left;width: 20px;height: 20px;margin-top: 10px;margin-right: 2px;}

.cont{float: left;width: 100%;}
.cont span{float: left;width: 100%;height: 30px;line-height: 30px;overflow: hidden;}
.cont span a{font-size: 15px;color: #3C3C3C;font-weight: 700;}
.cont p{float: left;color: #8A8888;height: 48px;overflow: hidden;width: 100%;line-height: 24px;margin-bottom: 9px;border-bottom: 1px dotted #d1d1d1;font-size: 13px;padding-bottom: 6px;}

.list_r ul{float: left;width: 100%;}
.list_r ul li{float: left;width: 300px;height: 39px;line-height: 39px;overflow: hidden;}
.list_r ul li a{float: left;margin-left: 6px;color: #333333;height: 36px;overflow: hidden;width: 250px;}
.list_r ul li i{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #FFFFFF;margin-top: 12px;background: #c9c9c9;margin-right: 5px;font-size: 12px;}
.list_r ul li:nth-child(1) i{background: #e33e42;color:#fff;}
.list_r ul li:nth-child(2) i{background: #ff8564;color:#fff;}
.list_r ul li:nth-child(3) i{background: #e8b856;color:#fff;}


/*回到顶部*/
.backtop{width: 50px;height: 50px;position: fixed;bottom: 90px;right: 9px;border:1px solid #efefef;cursor: pointer;background-color: #fff;text-align: center;}
.backtop:hover{background:#efefef}
.backtop em{width: 21px;height: 20px;bottom: 120px;background: url(../images/top.png) no-repeat;cursor: pointer;background-color: #fff;display: inline-block;margin-top: 14px;}

/*底部*/
.fink_box{float:left;background: #fff;border-radius: 10px;padding: 3%;width: 94%;margin-top: 10px;}
.fink_box_tl{float: left;width: 100%;}
.fink_box_tl i{font-weight: 700;color: #333;float: left;background: url(../images/link.png) no-repeat;width: 27px;height: 25px;margin-right: 5px;}
.fink_box_tl em{float: left;line-height: 29px;font-weight: 700;font-size: 15px;font-style: inherit;}
.fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 220px;margin-left: 15px;}
.flink{width: 100%;float: left;}
.flink b{line-height:22px;font-weight: 400;float: left;color:#2ca6e0;display: none;}
.flink li{line-height: 22px;color: #b7b7b7;margin: 5px;display: inline-block;float: left;}
.flink li a{color: #888;font-size: 12px;}
.flink li:nth-child(2){display:none;}
.flink li a:hover{color:#2ca6e0}
/*footer*/
.footer{width: 100%;padding: 10px 0;background: #2b333e;float: left;margin-top: 10px;border-top: 1px solid #e2e2e2;}
.foot_box{width: 1000px;margin: auto;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;line-height: 28px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #d8dde0;font-size: 12px;padding: 0 5px;}
.footer p img{color: #d8dde0;display: inline-block;}
.footer p:last-child a{display:flex;align-items: center;}



/*动画*/
.bounce:hover{
    -webkit-animation:bounce 1s .2s ease both;
    -moz-animation:bounce 1s .2s ease both;}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-30px)}
    60%{-moz-transform:translateY(-15px)}
}
.bounceInUp{
    -webkit-animation:bounceInUp 1s .0s ease both;
    -moz-animation:bounceInUp 1s .0s ease both;
}
@-webkit-keyframes bounceInUp{
    0%{opacity:0;
        -webkit-transform:translateY(10px)}
    60%{opacity:1;
        -webkit-transform:translateY(-10px)}
    80%{-webkit-transform:translateY(10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
    0%{opacity:0;
        -moz-transform:translateY(10px)}
    60%{opacity:1;
        -moz-transform:translateY(-10px)}
    80%{-moz-transform:translateY(10px)}
    100%{-moz-transform:translateY(0)}
}
}